<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>运单管理</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<%@include file="tmsWaybillList.js" %>
	<style type="text/css">
		.circle {    width: 18px;
			height: 18px;
			background-color:red;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
		}
		#triangle-up {
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-bottom: 20px solid red;
		}
		.circle1 {    width: 18px;
			height: 18px;
			background-color:green;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
		}
		.circle2 {    width: 18px;
			height: 18px;
			background-color:grey;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
		}
	</style>
</head>
<body>
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">运单列表</h3>
	</div>
	<div class="panel-body">
		<sys:message content="${message}"/>
	<!-- 搜索 -->
	<div class="accordion-group">
	<div id="collapseTwo" class="accordion-body collapse">
		<div class="accordion-inner">
			<form:form id="searchForm" modelAttribute="tmsWaybill" class="form form-horizontal well clearfix">
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="装运单号：">装运单号：</label>
					<input name="shipmentNumbers" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="装运单号：">合同号：</label>
					<input name="code" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="车牌号：">车牌号：</label>
					<input name="plateNumber" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="装运单号：">司机：</label>
					<input name="driverName" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="状态：">到站省：</label>
					<input name="arriveProvince" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="状态：">结算地：</label>
					<input name="arrive" htmlEscape="false" maxlength="64"  class=" form-control"/>

				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<div class="form-group">
						<label class="label-item single-overflow pull-left" title="起始时间">起始时间:</label>
						<div class="col-xs-12">
							<div class='input-group date' id='minx' >
								<input type='text'  name="min" class="form-control"  />
								<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<div class="form-group">
						<label class="label-item single-overflow pull-left" title="截止时间">截止时间:</label>
						<div class="col-xs-12">
							<div class='input-group date' id='maxx' >
								<input type='text'  name="max" class="form-control"  />
								<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
							</div>
						</div>
					</div>
				</div><shiro:hasPermission name="ap:imprest:pro">

				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="：">项目：</label>
					<select name="pro" class=" form-control">
						<option value="">请选择</option>
						<option value="武汉润滑油仓储项目">武汉润滑油仓储项目</option>
						<option value="北京润滑油运输项目">北京润滑油运输项目</option>
						<option value="天津润滑油运输项目">天津润滑油运输项目</option>
						<option value="西安润滑油仓储配送项目">西安润滑油仓储配送项目</option>
						<option value="郑州润滑油运输项目">郑州润滑油运输项目</option>
						<option value="重庆润滑油仓储配送项目">重庆润滑油仓储配送项目	</option>

						<option value="石家庄润滑油仓储配送项目">石家庄润滑油仓储配送项目</option>
					</select>
				</div></shiro:hasPermission>
				<div class="col-xs-6 col-sm-3 col-md-2">
			<div style="margin-top:26px">
			  <a  id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
			  <a  id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
			 </div>
	    </div>	
	</form:form>
	</div>
	</div>
	</div>
	
	<!-- 工具栏 -->
	<div id="toolbar">

	        	<a class="accordion-toggle btn btn-default" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
					<i class="fa fa-search"></i> 检索
				</a>
		    </div>
		
	<!-- 表格 -->
	<table id="tmsWaybillTable" class="table text-nowrap"  data-toolbar="#toolbar"></table>

    <!-- context menu -->

	</div>
	</div>
	</div>
	<div class="modal fade" id="tb" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">保险</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">
						<tr>
							<td width="35%">起运地</td>
							<td><input id="qyd" readonly="readonly" class="form-control "/></td>
						</tr>
						<tr>
							<td width="35%">目的地</td>
							<td><input id="mdd" readonly="readonly" class="form-control "/></td>
						</tr>

						<tr>
							<td width="35%">重量</td>
							<td><input id="zl" readonly="readonly" class="form-control "/></td>
						</tr>
						<tr>
							<td width="35%">货物名称</td>
							<td><select id="hw" class="form-control ">
								<c:forEach items="${fns:getDictList('gname')}" var="i">
									<option value="${i.value}" >${i.value}</option>
								</c:forEach>
							</select></td>
						</tr>
						<tr>
							<td width="35%">包装</td>
							<td><select id="bz" class="form-control ">
								<c:forEach items="${fns:getDictList('gpaking')}" var="i">
									<option value="${i.value}" >${i.value}</option>
								</c:forEach>
							</select></td>
						</tr>
						<tr>
							<td width="35%">保单</td>
							<td><select id="bd" class=" form-control">
							</select></td>
						</tr>
						<tr>
							<td width="35%">货物估算金额</td>
							<td><input id="gsje"  class="form-control "/></td>
						</tr>

					</table>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" onclick="tb()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

</body>

</html>
